<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>高级检索-回收详情</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div>
    <div class="zr_header">
        <div class="zr-center-box">
            <img src="img/logo.png" class="zr_logo"/>
            <ul class="zr_tab">
                <li class="zr_tab-border">我的问卷</li>
                <li>高级检索</li>
                <li>综合题库</li>
                <li>用户管理</li>
                <li>考察点管理</li>
                <li>联系人管理</li>
                <li>帮助中心</li>
            </ul>
            <div class="zr_right-box">
                <img class="zr_head-img" src="img/header.png"/>
                <span>dnnfdsh</span>
                <span>|</span>
                <span>退出</span>
            </div>
        </div>
    </div>
    <div class="zr_fixed-box"></div>
    <div class="zr_search-box">
        <div class="zr-center-box">
            <div class="zr_search-form zr_pointer">
                <div class="zr_til-form">
                    <img src="img/lt.png" class="zr_back-icon"/>
                    <span>返回</span>
                    <span class="zr_sg">|</span>
                    <span class="zr_green-ionic">回收详情：民众调查——青运会对高校大学生体育锻炼意识的影响问卷调查表</span>
                </div>
            </div>
        </div>
    </div>
    <div class="zr-center-box">
        <div class="zr_float-l w-15 zr-bg">
            <ul class="zr-nav-list">
                <li><div class="zr-li-box"><img src="img/zny.png" class="zr-icon-left"/>回收概况</div></li>
                <li><div class="zr-li-box"><img src="img/sj.png" class="zr-icon-left"/>基础数据</div></li>
                <li class="zr-click-bg"><div class="zr-li-box"><img src="img/hs.png" class="zr-icon-left"/>回收详情</div></li>
                <li><div class="zr-li-box"><img src="img/fx.png" class="zr-icon-left"/>统计分析</div></li>
                <li><div class="zr-li-box"><img src="img/gj.png" class="zr-icon-left"/>轨迹跟踪</div></li>
                <li><div class="zr-li-box"><img src="img/work.png" class="zr-icon-left"/>工作量分析</div></li>
            </ul>
        </div>
        <div class="zr_float-r w-85">
            <div>
                <div class="zr_float-l">
                    <div class="zr_time-input zr_float-l zr-no-mar" style="width: 208px;">
                        <input class="zr_float-l" style="width: 133px;" type="text" placeholder="请选择结束时间点"/>
                        <img class="zr_float-l" src="img/time1.JPG"/>
                        <img class="zr_float-l" src="img/time2.JPG"/>
                    </div>
                    来源
                    <select class="zr_sel zr_sel-min">
                        <option>全部</option>
                        <option>微信端</option>
                        <option>wap端</option>
                        <option>web浏览器</option>
                        <option>调查员</option>
                    </select>
                </div>
                <div class="zr_float-l zr_radio-lefts">
                    调查员
                    <select class="zr_sel zr_sel-min">
                        <option>全部</option>
                        <option>张三</option>
                        <option>李四四</option>
                    </select>
                </div>
                <div class="zr_float-l zr_radio-lefts">
                    审核状态
                    <select class="zr_sel zr_sel-min">
                        <option>全部</option>
                        <option>未审核</option>
                        <option>未通过</option>
                        <option>已通过</option>
                    </select>
                </div>
                <div class="zr_float-l zr_radio-lefts">
                    批量
                    <select class="zr_sel zr_sel-min">
                        <option>导出EXCEL</option>
                        <option>审核无效</option>
                        <option>审核有效</option>
                        <option>删除</option>
                    </select>
                </div>
                <input class="zr_float-r zr-botton" type="button" id="btn-pop" value="无效过滤"/>
                <input class="zr_float-r zr-botton" type="button" value="清空筛选"/>
            </div>
            <div class="zr_common-box">
                <table>
                    <thead>
                    <tr>
                        <td class="w-3 zr_text-right">
                            <input type="checkbox"/>
                        </td>
                        <td class="w-5">
                            序号
                        </td>
                        <td class="w-10">
                            调查员
                        </td>
                        <td class="w-20">
                            提交时间
                        </td>
                        <td class="w-10">
                            总用时
                        </td>
                        <td class="w-20">
                            IP地址
                        </td>
                        <td class="w-10">
                            来源渠道
                        </td>
                        <td class="w-10">
                            审核状态
                        </td>
                        <td class="w-12">
                            操作
                        </td>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td class="zr_text-right">
                            <input type="checkbox"/>
                        </td>
                        <td>
                            01
                        </td>
                        <td>
                            孙海琦
                        </td>
                        <td>
                            2017/10/12 12:11:55
                        </td>
                        <td class="zr_pointer">
                            2分34秒
                        </td>
                        <td class="zr_pointer">
                            192.168.30.26：2089
                        </td>
                        <td class="zr_pointer">
                            调查员
                        </td>
                        <td class="zr_pointer">
                            已通过
                        </td>
                        <td class="zr_change">
                            <img src="img/x1.png" class="zr_ionic-min zr_pointer" title="浏览"/>
                            <img src="img/x2.png" class="zr_ionic-min zr_pointer" title="导出"/>
                            <img src="img/x3.png" class="zr_ionic-min zr_pointer" title="删除"/>
                        </td>
                    </tr>
                    <tr>
                        <td class="zr_text-right">
                            <input type="checkbox"/>
                        </td>
                        <td>
                            02
                        </td>
                        <td>
                            孙海琦
                        </td>
                        <td>
                            2017/10/12 12:11:55
                        </td>
                        <td class="zr_pointer">
                            2分34秒
                        </td>
                        <td class="zr_pointer">
                            192.168.30.26：2089
                        </td>
                        <td class="zr_pointer">
                            调查员
                        </td>
                        <td class="zr_pointer">
                            已通过
                        </td>
                        <td class="zr_change">
                            <img src="img/x1.png" class="zr_ionic-min zr_pointer" title="浏览"/>
                            <img src="img/x2.png" class="zr_ionic-min zr_pointer" title="导出"/>
                            <img src="img/x3.png" class="zr_ionic-min zr_pointer" title="删除"/>
                        </td>
                    </tr>
                    <tr>
                        <td class="zr_text-right">
                            <input type="checkbox"/>
                        </td>
                        <td>
                            03
                        </td>
                        <td>
                            孙海琦
                        </td>
                        <td>
                            2017/10/12 12:11:55
                        </td>
                        <td class="zr_pointer">
                            2分34秒
                        </td>
                        <td class="zr_pointer">
                            192.168.30.26：2089
                        </td>
                        <td class="zr_pointer">
                            调查员
                        </td>
                        <td class="zr_pointer">
                            已通过
                        </td>
                        <td class="zr_change">
                            <img src="img/x1.png" class="zr_ionic-min zr_pointer" title="浏览"/>
                            <img src="img/x2.png" class="zr_ionic-min zr_pointer" title="导出"/>
                            <img src="img/x3.png" class="zr_ionic-min zr_pointer" title="删除"/>
                        </td>
                    </tr>
                    <tr>
                        <td  class="zr_text-right">
                            <input type="checkbox"/>
                        </td>
                        <td>
                            04
                        </td>
                        <td>
                            孙海琦
                        </td>
                        <td>
                            2017/10/12 12:11:55
                        </td>
                        <td class="zr_pointer">
                            2分34秒
                        </td>
                        <td class="zr_pointer">
                            192.168.30.26：2089
                        </td>
                        <td class="zr_pointer">
                            调查员
                        </td>
                        <td class="zr_pointer">
                            已通过
                        </td>
                        <td class="zr_change">
                            <img src="img/x1.png" class="zr_ionic-min zr_pointer" title="浏览"/>
                            <img src="img/x2.png" class="zr_ionic-min zr_pointer" title="导出"/>
                            <img src="img/x3.png" class="zr_ionic-min zr_pointer" title="删除"/>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <p class="zr_page">
                    <a href="javascript:;">
                        首页
                    </a>
                    <a href="javascript:;">
                        <<
                    </a>
                    <a class="zr-click" href="javascript:;">
                        1
                    </a>
                    <a href="javascript:;">
                        2
                    </a>
                    <a href="javascript:;">
                        3
                    </a>
                    <a href="javascript:;">
                        >>
                    </a>
                    <a href="javascript:;">
                        末页
                    </a>
                </p>
            </div>
        </div>
    </div>
    <div class="zr_pop" id="pop">
        <div class="zr_center zr_center-max">
            <h5 class="zr_til-pop">无效问卷过滤规则</h5>
            <div class="zr_time-box">
                <label>
                    <input type="checkbox"/> 作答时间≥ <input type="text" class="zr-input-num" placeholder="多少"/> 分
                    <input type="text" class="zr-input-num" placeholder="多少"/> 秒，≤ <input type="text" class="zr-input-num" placeholder="多少"/> 秒，
                    默认为无效问卷
                </label>
            </div>
            <div class="zr_time-box">
                <label>
                    <input type="checkbox"/> 开始与结束时间≥ <input type="text" class="zr-input-num" placeholder="多少"/> 分
                    <input type="text" class="zr-input-num" placeholder="多少"/> 秒，≤ <input type="text" class="zr-input-num" placeholder="多少"/> 秒，
                    默认为无效问卷
                </label>
            </div>
            <div class="zr_user-add-btn">
                <button class="zr_btn zr_btn1">确认</button>
                <button  class="zr_btn zr_cancel">取消</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script>
    $('#btn-pop').click(function(){
        $('#pop').show();
        $('#pop').find('input').val('');
        $('body').css('overflowY','hidden');
    });
    $('.zr_cancel').click(function () {
        $('.zr_pop').hide();
        $('body').css('overflowY','scroll');
    });
</script>